/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, {Component} from 'react';
import {
    Platform,
    StyleSheet,
    Text,
    View,
    Button
} from 'react-native';


type Props = {};
export default class App extends Component<Props> {
    render() {
        const {navigation} = this.props;
        return (
            <View style={[styles.container, styles.btn]}>
                <Button title={'点击跳转>FlatListDemo'} style={styles.welcome} onPress={() => {
                    navigation.navigate('FlatListDemo')
                }}/>

                <Button title={'点击跳转>SwipeFlatListDemo'} style={[styles.container, styles.btn]} onPress={() => {
                    navigation.navigate('SwipeFlatListDemo')
                }}/>

                <Button title={'点击跳转>SectionListDemoT'} style={[styles.container, styles.btn]} onPress={() => {
                    navigation.navigate('SectionListDemoT')
                }}/>

                <Button title={'点击跳转>SectionListDemo'} style={[styles.container, styles.btn]} onPress={() => {
                    navigation.navigate('SectionListDemo')
                }}/>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#F5FCFF',
    },
    welcome: {
        fontSize: 20,
        textAlign: 'center',
        margin: 10,
    },
    instructions: {
        textAlign: 'center',
        color: '#333333',
        marginBottom: 5,
    },
    btn:{
        marginTop:15,
        padding:5,
        height:60,
        width:180,
        justifyContent:'center',
        alignSelf:'center'
    }
});
